import { lazy } from 'react';

// project imports
import Loadable from 'ui-component/Loadable';
import MinimalLayout from 'layout/MinimalLayout';
import MainLayout from 'layout/MainLayout';

// login option 3 routing
const AuthLogin3 = Loadable(lazy(() => import('views/pages/authentication/authentication3/Login3')));
const AuthRegister3 = Loadable(lazy(() => import('views/pages/authentication/authentication3/Register3')));
const Question = Loadable(lazy(() => import('views/pages/questionnaire')));

// ==============================|| AUTHENTICATION ROUTING ||============================== //

const AuthenticationRoutes = {
  path: '/',
  element: <MinimalLayout />,
  children: [
    {
      path: '/',
      children: [
        {
          path: '/pages/login/login3',
          element: <AuthLogin3 />
        },
        {
          path: '/pages/register/register3',
          element: <AuthRegister3 />
        }
      ]
    },
    {
      path: '/',
      element: <MainLayout />,
      children: [
        {
          path: '/pages/questionnaire',
          element: <Question />
        }
      ]
    }
  ]
};

export default AuthenticationRoutes;
